@extends('layouts.home')
@section('title', '沃势管理后台')
@section('style')
<link rel="stylesheet" href="../plugins/morris/morris.css">
@endsection
@section('content')

        <div class="row">

            <div class="col-lg-2 col-md-4 col-sm-6">
                <div class="card-box widget-box-one">
                    <i class="mdi mdi-chart-areaspline widget-one-icon"></i>
                    <div class="wigdet-one-content">
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow" title="Statistics">今日单量</p>
                        <h2>34578 <small><i class="mdi mdi-arrow-up text-success"></i></small></h2>
                        <p class="text-muted m-0"><b>昨日:</b> 30.4k</p>
                    </div>
                </div>
            </div><!-- end col -->

            <div class="col-lg-2 col-md-4 col-sm-6">
                <div class="card-box widget-box-one">
                    <i class="mdi mdi-account-convert widget-one-icon"></i>
                    <div class="wigdet-one-content">
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow" title="User Today">今日用户</p>
                        <h2>895 <small><i class="mdi mdi-arrow-down text-danger"></i></small></h2>
                        <p class="text-muted m-0"><b>昨日:</b> 1250</p>
                    </div>
                </div>
            </div><!-- end col -->

            <div class="col-lg-2 col-md-4 col-sm-6">
                <div class="card-box widget-box-one">
                    <i class="mdi mdi-layers widget-one-icon"></i>
                    <div class="wigdet-one-content">
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow" title="User This Month">今日激活</p>
                        <h2>52410 <small><i class="mdi mdi-arrow-up text-success"></i></small></h2>
                        <p class="text-muted m-0"><b>昨日:</b> 40.33k</p>
                    </div>
                </div>
            </div><!-- end col -->

            <div class="col-lg-2 col-md-4 col-sm-6">
                <div class="card-box widget-box-one">
                    <i class="mdi mdi-av-timer widget-one-icon"></i>
                    <div class="wigdet-one-content">
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow" title="Request Per Minute">Request Per Minute</p>
                        <h2>652 <small><i class="mdi mdi-arrow-down text-danger"></i></small></h2>
                        <p class="text-muted m-0"><b>Last:</b> 956</p>
                    </div>
                </div>
            </div><!-- end col -->

            <div class="col-lg-2 col-md-4 col-sm-6">
                <div class="card-box widget-box-one">
                    <i class="mdi mdi-account-multiple widget-one-icon"></i>
                    <div class="wigdet-one-content">
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow" title="Total Users">Total Users</p>
                        <h2>3245 <small><i class="mdi mdi-arrow-down text-danger"></i></small></h2>
                        <p class="text-muted m-0"><b>Last:</b> 20k</p>
                    </div>
                </div>
            </div><!-- end col -->

            <div class="col-lg-2 col-md-4 col-sm-6">
                <div class="card-box widget-box-one">
                    <i class="mdi mdi-download widget-one-icon"></i>
                    <div class="wigdet-one-content">
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow" title="New Downloads">New Downloads</p>
                        <h2>78541 <small><i class="mdi mdi-arrow-up text-success"></i></small></h2>
                        <p class="text-muted m-0"><b>Last:</b> 50k</p>
                    </div>
                </div>
            </div><!-- end col -->

        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-lg-4">
                <div class="card-box">

                    <h4 class="header-title m-t-0">Daily Sales</h4>

                    <div class="widget-chart text-center">
                        <div id="morris-donut-example"style="height: 245px;"></div>
                        <ul class="list-inline chart-detail-list m-b-0">
                            <li>
                                <h5 class="text-danger"><i class="fa fa-circle m-r-5"></i>Series A</h5>
                            </li>
                            <li>
                                <h5 class="text-success"><i class="fa fa-circle m-r-5"></i>Series B</h5>
                            </li>
                        </ul>
                    </div>
                </div>
            </div><!-- end col -->

            <div class="col-lg-4">
                <div class="card-box">

                    <h4 class="header-title m-t-0">Statistics</h4>
                    <div id="morris-bar-example" style="height: 280px;"></div>
                </div>
            </div><!-- end col -->

            <div class="col-lg-4">
                <div class="card-box">

                    <h4 class="header-title m-t-0">Total Revenue</h4>
                    <div id="morris-line-example" style="height: 280px;"></div>
                </div>
            </div><!-- end col -->

        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-lg-6">
                <div class="card-box">
                    <h4 class="header-title m-t-0 m-b-30">Recent Users</h4>

                    <div class="table-responsive">
                        <table class="table table table-hover m-0">
                            <thead>
                            <tr>
                                <th></th>
                                <th>User Name</th>
                                <th>Phone</th>
                                <th>Location</th>
                                <th>Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th>
                                    <img src="assets/images/users/avatar-1.jpg" alt="user" class="thumb-sm img-circle" />
                                </th>
                                <td>
                                    <h5 class="m-0">Louis Hansen</h5>
                                    <p class="m-0 text-muted font-13"><small>Web designer</small></p>
                                </td>
                                <td>+12 3456 789</td>
                                <td>USA</td>
                                <td>07/08/2016</td>
                            </tr>

                            <tr>
                                <th>
                                    <img src="assets/images/users/avatar-2.jpg" alt="user" class="thumb-sm img-circle" />
                                </th>
                                <td>
                                    <h5 class="m-0">Craig Hause</h5>
                                    <p class="m-0 text-muted font-13"><small>Programmer</small></p>
                                </td>
                                <td>+89 345 6789</td>
                                <td>Canada</td>
                                <td>29/07/2016</td>
                            </tr>

                            <tr>
                                <th>
                                    <img src="assets/images/users/avatar-3.jpg" alt="user" class="thumb-sm img-circle" />
                                </th>
                                <td>
                                    <h5 class="m-0">Edward Grimes</h5>
                                    <p class="m-0 text-muted font-13"><small>Founder</small></p>
                                </td>
                                <td>+12 29856 256</td>
                                <td>Brazil</td>
                                <td>22/07/2016</td>
                            </tr>

                            <tr>
                                <th>
                                    <img src="assets/images/users/avatar-4.jpg" alt="user" class="thumb-sm img-circle" />
                                </th>
                                <td>
                                    <h5 class="m-0">Bret Weaver</h5>
                                    <p class="m-0 text-muted font-13"><small>Web designer</small></p>
                                </td>
                                <td>+00 567 890</td>
                                <td>USA</td>
                                <td>20/07/2016</td>
                            </tr>

                            <tr>
                                <th>
                                    <img src="assets/images/users/avatar-5.jpg" alt="user" class="thumb-sm img-circle" />
                                </th>
                                <td>
                                    <h5 class="m-0">Mark</h5>
                                    <p class="m-0 text-muted font-13"><small>Web design</small></p>
                                </td>
                                <td>+91 123 456</td>
                                <td>India</td>
                                <td>07/07/2016</td>
                            </tr>

                            </tbody>
                        </table>

                    </div> <!-- table-responsive -->
                </div> <!-- end card -->
            </div>
            <!-- end col -->

            <div class="col-lg-6">
                <div class="card-box">
                    <h4 class="header-title m-t-0 m-b-30">Recent Users</h4>

                    <div class="table-responsive">
                        <table class="table table table-hover m-0">
                            <thead>
                            <tr>
                                <th></th>
                                <th>User Name</th>
                                <th>Phone</th>
                                <th>Location</th>
                                <th>Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th>
                                    <span class="avatar-sm-box bg-success">L</span>
                                </th>
                                <td>
                                    <h5 class="m-0">Louis Hansen</h5>
                                    <p class="m-0 text-muted font-13"><small>Web designer</small></p>
                                </td>
                                <td>+12 3456 789</td>
                                <td>USA</td>
                                <td>07/08/2016</td>
                            </tr>

                            <tr>
                                <th>
                                    <span class="avatar-sm-box bg-primary">C</span>
                                </th>
                                <td>
                                    <h5 class="m-0">Craig Hause</h5>
                                    <p class="m-0 text-muted font-13"><small>Programmer</small></p>
                                </td>
                                <td>+89 345 6789</td>
                                <td>Canada</td>
                                <td>29/07/2016</td>
                            </tr>

                            <tr>
                                <th>
                                    <span class="avatar-sm-box bg-brown">E</span>
                                </th>
                                <td>
                                    <h5 class="m-0">Edward Grimes</h5>
                                    <p class="m-0 text-muted font-13"><small>Founder</small></p>
                                </td>
                                <td>+12 29856 256</td>
                                <td>Brazil</td>
                                <td>22/07/2016</td>
                            </tr>

                            <tr>
                                <th>
                                    <span class="avatar-sm-box bg-pink">B</span>
                                </th>
                                <td>
                                    <h5 class="m-0">Bret Weaver</h5>
                                    <p class="m-0 text-muted font-13"><small>Web designer</small></p>
                                </td>
                                <td>+00 567 890</td>
                                <td>USA</td>
                                <td>20/07/2016</td>
                            </tr>

                            <tr>
                                <th>
                                    <span class="avatar-sm-box bg-orange">M</span>
                                </th>
                                <td>
                                    <h5 class="m-0">Mark</h5>
                                    <p class="m-0 text-muted font-13"><small>Web design</small></p>
                                </td>
                                <td>+91 123 456</td>
                                <td>India</td>
                                <td>07/07/2016</td>
                            </tr>

                            </tbody>
                        </table>

                    </div> <!-- table-responsive -->
                </div> <!-- end card -->
            </div>
            <!-- end col -->

        </div>
        <!-- end row -->
        @section('script')
            <!-- Counter js  -->
            <script src="../plugins/waypoints/jquery.waypoints.min.js"></script>
            <script src="../plugins/counterup/jquery.counterup.min.js"></script>

            <!--Morris Chart-->
            <script src="../plugins/morris/morris.min.js"></script>
            <script src="../plugins/raphael/raphael-min.js"></script>

            <!-- Dashboard init -->
            <script src="assets/pages/jquery.dashboard.js"></script>
        @endsection
@stop













